<template>
  <div>
    <div class="status-process-box bgc-white">
      <status-process />
    </div>
    <div class="bgc-white pad-l-20 pad-b-25 pad-r-20 pad-t-30 mar-t-20">
      <finish-order-base-info />
    </div>
    <div class="mar-t-20 bgc-white pad-l-20 pad-r-20">
      <finish-order-list />
    </div>
  </div>
</template>
<script lang="ts">

import { defineComponent } from 'vue'
import StatusProcess from '../StatusProcess/index.vue'
import FinishOrderBaseInfo from '../FinishOrderBaseInfo/index.vue'
import FinishOrderList from '../FinishOrderList/index.vue'
export default defineComponent({
  components: {
    StatusProcess,
    FinishOrderBaseInfo,
    FinishOrderList
  },
  setup() {

  }
})
</script>

<style lang="scss" scoped>
.status-process-box {
  padding: 50px 20px;
  padding-left: 73px;
}

</style>
